<html>

<head>
    <title>Box</title>
    <style>
        html {
            font-family: sans-serif;
        }
        div {
            width: 200px;
            height: 150px;
            font-size: 20px;
            color: #fff;
            text-align: center;
            line-height: 150px;
            background-color: red;
            border: 1px solid rgb(206, 0, 0);
            border-radius: .5em;

            text-shadow: 3px 2px 5px black;
            box-shadow: inset 1px 1px 5px white,
                        inset -1px -1px 5px black,
                        5px 5px 7px black;
            
        }
    </style>
</head>

<body>
    <div>This is a cool box</div>
</body>

</html>